{% extends 'installer/base_installer.html' %}
{% block title %}Site & Admin{% endblock %}
{% block content %}
<h3 class="fw-bold mb-2">Academy & admin account</h3>
<p class="text-muted mb-4">These settings can be changed later in Academy Settings.</p>
<form method="post">
  {% csrf_token %}
  <input type="hidden" name="secret_key" value="{{ secret_key }}">
  <div class="row g-3 mb-3">
    <div class="col-md-7">
      <label class="form-label fw-semibold">Institute / Academy name</label>
      <input type="text" name="institute_name" class="form-control" required value="{{ data.institute_name|default:'Digital Academy' }}">
    </div>
    <div class="col-md-5">
      <label class="form-label fw-semibold">Tagline</label>
      <input type="text" name="tagline" class="form-control" value="{{ data.tagline|default:'Learn Anything, Anytime' }}">
    </div>
    <div class="col-12">
      <label class="form-label fw-semibold">Allowed hosts</label>
      <input type="text" name="allowed_hosts" class="form-control" value="{{ data.allowed_hosts|default:'localhost,127.0.0.1' }}">
      <div class="form-text">Comma-separated. Add your domain for production, e.g. <code>yourdomain.com,www.yourdomain.com</code></div>
    </div>
  </div>
  <hr>
  <h6 class="fw-bold mb-3">Admin login</h6>
  <div class="row g-3 mb-3">
    <div class="col-md-6">
      <label class="form-label fw-semibold">Full name</label>
      <input type="text" name="admin_full_name" class="form-control" value="{{ data.admin_full_name|default:'Site Admin' }}">
    </div>
    <div class="col-md-6">
      <label class="form-label fw-semibold">Username</label>
      <input type="text" name="admin_username" class="form-control" required value="{{ data.admin_username|default:'admin' }}">
    </div>
    <div class="col-md-6">
      <label class="form-label fw-semibold">Email</label>
      <input type="email" name="admin_email" class="form-control" required value="{{ data.admin_email|default:'admin@example.com' }}">
    </div>
    <div class="col-md-6">
      <label class="form-label fw-semibold">Password</label>
      <input type="password" name="admin_password" class="form-control" required minlength="8" placeholder="Min. 8 characters">
    </div>
  </div>
  <div class="form-check mb-2">
    <input class="form-check-input" type="checkbox" name="debug" id="debug" {% if data.debug != 'False' %}checked{% endif %}>
    <label class="form-check-label" for="debug">Enable DEBUG mode (turn off on live servers)</label>
  </div>
  <div class="form-check mb-4">
    <input class="form-check-input" type="checkbox" name="seed_demo" id="seed_demo" {% if data.seed_demo %}checked{% endif %}>
    <label class="form-check-label" for="seed_demo">Install demo courses &amp; demo users (optional)</label>
  </div>
  <div class="d-flex gap-2">
    <a href="{% url 'installer:database' %}" class="btn btn-outline-secondary">Back</a>
    <button type="submit" class="btn btn-primary flex-grow-1">Continue</button>
  </div>
</form>
{% endblock %}